<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body style="background: #80af80;">

<table width=100% height=100%>
    <tr>
        <td align=center valign=center>
            <canvas id="canvasElement" width="500" height="400" style="border:8px outset green;"></canvas>
            <input type="button" value=" Make GIF " onclick="makeGIF();">
        </td>
    </tr>
</table>

<canvas id="i1" width="500" height="400" style="display:none;"></canvas>
<canvas id="i2" width="500" height="400" style="display:none;"></canvas>
<canvas id="i3" width="500" height="400" style="display:none;"></canvas>
<canvas id="i4" width="500" height="400" style="display:none;"></canvas>
<canvas id="i5" width="500" height="400" style="display:none;"></canvas>
<canvas id="i6" width="500" height="400" style="display:none;"></canvas>
<canvas id="i7" width="500" height="400" style="display:none;"></canvas>
<canvas id="i8" width="500" height="400" style="display:none;"></canvas>
<canvas id="i9" width="500" height="400" style="display:none;"></canvas>
<canvas id="i10" width="500" height="400" style="display:none;"></canvas>

<script src="js/vendor/jquery-1.11.0.min.js"></script>
    
<script src="js/ballObject.js"></script>
<script src="js/LZWEncoder.js"></script>
<script src="js/NeuQuant.js"></script>
<script src="js/GIFEncoder.js"></script>

<script src="js/main.js"></script>

</body>
</html>
